<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>悬赏房源</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/footer.css">
	<link rel="stylesheet" type="text/css" href="css/rewards.css">
	<link rel="stylesheet" type="text/css" href="css/sortForm.css">
</head>
<body>
	<div id="layout">
		<main id="main" style="margin-top: 0;">
	        <section class="list-panel">
	            <ul id="house-saleList" class="house-list slider">
	            </ul>
	            <div class="loading-fail">
                    <p class="fail-img"></p>
                    <p class="fail-content">对不起暂时没有您想要的结果！</p>
                </div>
	            <p id="res-msg" style="display: none;"></p>
	        </section>
	    </main>
	    <div id="search-filter">
	    	<form id="myForm">
	    		<input id="houseSort" type="hidden" name="order">
	    		<input id="houseType" type="hidden" name="ht">
	    		<input id="housePrice" type="hidden" name="tp">
	    		<input id="lineId" type="hidden" name="lineId">
	    		<input id="stationId" type="hidden" name="stationId">
	    		<input id="zoneId3" type="hidden" name="zoneId3">
	    		<input id="zoneId4" type="hidden" name="zoneId4">
	    	</form>
	    	<ul class="type-list clearfix">
				<li class="area"><span class="show-name">地铁/区域</span><i class="icon-down"></i></li>
				<li class="price"><span class="show-name">总价</span><i class="icon-down"></i></li>
				<li class="type"><span class="show-name">户型</span><i class="icon-down"></i></li>
				<li class="more"><span class="show-name">更多</span><i class="icon-down"></i></li>
			</ul>
			<div id="search-area" class="area panel">
				<div class='panel-cell area1' data-value="subway">
					<ul>
						<li class="subway_line chosen" data-value="subway">地铁</li>
						<li class="district" data-value="district">区域</li>
					</ul>
				</div>
				<div class='panel-cell area2'>
					<ul id="secondList"></ul>
				</div>
				<div class='panel-cell area3'>
					<ul id="thridList"></ul>
				</div>
			</div>
			<div id="search-total-price" class="total-price price panel">
				<ul>
					<li class="no-icon" data-value="">不限</li>
					<li data-value="0|200"><span>200万以下</span><i></i></li>
					<li data-value="200|300"><span>200-300万</span><i></i></li>
					<li data-value="300|400"><span>300-400万</span><i></i></li>
					<li data-value="400|500"><span>400-500万</span><i></i></li>
					<li data-value="500|10000000000"><span>500万以上</span><i></i></li>
					<li class="input-price">
						<p>价格区间</p>
						<div class="min-max-price">
							<input type="tel" name="" placeholder="最低价格" pattern="[0-9]*" value="" oninput="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d]/g,'')"><span></span><input type="tel" name="" placeholder="最高价格" pattern="[0-9]*" value="" oninput="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d]/g,'')">
						</div>
					</li>
				</ul>
				<p class="searc-sub">确定</p>
			</div>
			<div id="search-house-type" class="search-house-type type panel">
				<ul id="house-type">
					<li class="no-icon" data-value="">不限</li>
					<li class="clearfix" data-value="1"><span>一居</span><i></i></li>
					<li class="clearfix" data-value="2"><span>二居</span><i></i></li>
					<li class="clearfix" data-value="3"><span>三居</span><i></i></li>
					<li class="clearfix" data-value="4"><span>四居</span><i></i></li>
					<li class="clearfix" data-value="5"><span>五居</span><i></i></li>
				</ul>
				<p class="searc-sub">确定</p>
			</div>
			<div id="search-more-sort" class="more panel">
				<div class="price-sort">
					<p>价格排序</p>
					<ul class="price-sort-child clearfix">
						<li data-value="1">总价最高</li>
						<li data-value="2">总价最低</li>
						<li data-value="3">单价最高</li>
						<li data-value="4">单价最低</li>
					</ul>
				</div>
				<div class="time-sort">
					<p>时间排序</p>
					<ul class="time-sort-child clearfix">
						<li data-value="5">最新发布</li>
						<li data-value="6">最早发布</li>
					</ul>
				</div>
				<div class="first-time-sort">
					<p>属性排序</p>
					<ul class="time-sort-child clearfix">
						<li data-value="7">首看优先</li>
					</ul>
				</div>
				<p class="searc-sub">确定</p>
			</div>
    	</div>
		<footer id="footer" style="position: fixed;">
			<ul class="bottom">
				<li class="gma-footIcon1"><a href="index.html"><em></em><span>首页</span></a></li>
				<li class="gma-footIcon2"><a href="rewards.html"><em class="chosen"></em><span>悬赏房源</span></a></li>
				<li class="gma-footIcon3"><a href="historySubmit.html"><em></em><span>提交历史</span></a></li>
				<li class="gma-footIcon4"><a href="mine.html"><em></em><span>我的</span></a></li>
			</ul>
		</footer>
        <div id="mask" class="mask-hide"></div>
	    <div id="dialogErr" class="mask-hide"></div>
	</div>
</body>
<script type="text/javascript" src="plugins/jquery.min.js"></script>
<script type="text/javascript" src="plugins/touch.min.js"></script>
<script type="text/javascript" src="js/pagePublic-footer.js"></script>
<script type="text/javascript" src="js/rewards-public.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/rewards.js"></script>
<script type="text/javascript" src="js/sortFormFilter.js"></script>
</html>